.my{
    width: 100%;
    height: 95vh;
    background-color: $uni-bg-color-grey;
}
.user-info{
    width: 100%;
    height: 600rpx;
    background-image: url('/src/static/images/bg_page_my.jpg') ;
    background-size: 100% 500rpx;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 100rpx;
    .info{
        display: flex;
        color: white;
        flex-direction: column;
        align-items: center;
        image{
            width: 120rpx;
            height: 120rpx;
            background-color: #fff;
            border-radius: 60rpx;
        }
        text{
            line-height: 60rpx;
        }
    }

    .card{
        width: 85%;
        height: 250rpx;
        background-color: #fff;
        border-radius: 20rpx;
        margin-top: 30rpx;
        .title{
            display: flex;
            flex-direction: column;
            color:gray ;
            align-items: center;
            padding-top:15rpx ;
            padding-bottom: 15rpx;
            font-size: 14px;
        }
        .task-info{
            display: flex;
            justify-content: space-around;
            margin-top: 30rpx;
            text{
                display: block;
            }
            .task-item{
                display: flex;
                flex-direction: column;
                align-items: center;
                .count{
                    margin-bottom: 20rpx;
                    font-weight: bold;
                }
            }

        }
    }
}